<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>主页</title>
    <link rel="stylesheet" type="text/css" href="/lib/iconfont/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="/css/home.css" />
  </head>
  <body>
    <header></header>
    <!--轮播图-->
    <div id="banner">
      <div class="warp_list">
        <div class="banner_list">
          <p>全部分类</p>
        </div>
        <ul class="shoopin_list">
          <li><a href="#">智能设备</a></li>
          <li><a href="#">食品/酒水/茗茶</a></li>
          <li><a href="#">手机/数码/电脑办公</a></li>
          <li><a href="#">家用电器</a></li>
          <li><a href="#">汽车用品</a></li>
          <li><a href="#">家居/家纺</a></li>
          <li><a href="#">个护清洁/宠物用品</a></li>
          <li><a href="#">服饰/箱包/珠宝</a></li>
          <li><a href="#">玩具</a></li>
          <li><a href="#">户外运动</a></li>
        </ul>
      </div>
    </div>
    <!--main-->
    <div id="main">
      <div class="main_warp">
        <h2>热门活动</h2>
        <div class="imgs"><img src="./img/a1.jpg" /></div>
        <div class="imgs"><img src="./img/a2.png" /></div>
        <div class="imgs"><img src="./img/a3.png" /></div>
        <div class="imgs imgs_list"><img src="./img/a4.png" /></div>
        <img class="list_botton" src="./img/b1.png" />
        <!--限时购倒计时-->
        <div class="xianshi">
          <div class="time">
            <span class="time_one"></span>
            <span class="time_two">10:00场</span>
            <span class="time_three">距结束</span>
            <span class="time_four">
              <i class="time_hours"></i>
              ：
              <i class="time_minutes"></i>
              ：
              <i class="time_seconds"></i>
            </span>
          </div>
          <div class="time_shop"></div>
        </div>
        <!--限时购-->
        <div class="list_top">
          <div class="list_left"><img src="./img/q1.png" /></div>
          <ul class="list_right">
            <li>
              <a href="#">
                <img src="img/q2.png" />
                <h5>【新品】360 家庭防火墙路由器V4S</h5>
                <p>
                  <span>¥199</span>
                  <span>¥149</span>
                </p>
                <a class="but" href="#">马上抢</a>
              </a>
            </li>
            <li>
              <a href="#">
                <img src="img/q3.png" />
                <h5>【新品】360 家庭防火墙路由器V4S</h5>
                <p>
                  <span>¥199</span>
                  <span>¥149</span>
                </p>
                <a class="but" href="#">马上抢</a>
              </a>
            </li>
            <li>
              <a href="#">
                <img src="img/q4.png" />
                <h5>【新品】360 家庭防火墙路由器V4S</h5>
                <p>
                  <span>¥199</span>
                  <span>¥149</span>
                </p>
                <a class="but" href="#">马上抢</a>
              </a>
            </li>
            <li>
              <a href="#">
                <img src="img/q5.png" />
                <h5>【新品】360 家庭防火墙路由器V4S</h5>
                <p>
                  <span>¥199</span>
                  <span>¥149</span>
                </p>
                <a class="but" href="#">马上抢</a>
              </a>
            </li>
          </ul>
        </div>
        <!--爆款直降400-->
        <div class="pic_list"><img src="./img/q6.png" /></div>
        <ul class="commodity_list" id="commodity_list"></ul>
        <script type="text/html" id="indexHome">
          {{each list item}}
          <li>
            <div class="contenner">
              <a href="/html/details.html?id={{item.id}}" target="_blank">
                <img src="{{item.image}}" />
                <h3>{{item.title}}</h3>
                <p>{{item.qunTitle}}</p>
                <div>
                  <i>¥{{item.price}}</i>
                  <span>¥{{item.tbOriginPrice}}</span>
                </div>
                <a href="/html/details.html" class="butt" target="_blank">马上抢</a>
              </a>
            </div>
          </li>
          {{/each}}
        </script>
      </div>
    </div>
    <footer></footer>
    <script src="/lib/require.min.js" data-main="/js/index.js"></script>
  </body>
</html>
